<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>Authentification</title>
<script src="js/jquery-1.8.3.js"></script>

</head>
<body>
<div id="headMenu">
<ul>
	<li id="Home">Home</li>
	<li id="Activitys">Activitys</li>
	<li id="CreateActivity">Create Activity</li>
	<li id="TechnicianPortal">Technician Portal</li>
</ul>
</div>
<div id="content">
<div id="leftMenu">
<ul>
	<li>A</li>
	<li>B</li>
	<li>C</li>
	<li>C</li>
	<li>C</li>
</ul>
</div>
<div id="body">
<h2 align="center"><u>Authentification</u></h2>
<div id="configuration">
	<div id="row">
		<div class="col">Login</div>
		<div class="value" id="name">
			<input id="username" type="text" placeholder="Username" autofocus required>
		</div>
	</div>
	<div id="row">
		<div class="col">Password</div>
		<div class="value" id="name">
			<input id="password" type="password" placeholder="Password" required>
		</div>
	</div>
	<div id="row">
		<div id="save" align="left">
			<center>
				<input type="submit" value="Log in" />
				<input type="reset" value="Clear" />
			<br/>
			</center>
			<a href="">Forgot your password?</a>
		</div>
	</div>
</div>
</div>
</div>
<div id="footer">
</div>

<script>
$("input[type=submit]").click(function(){
	$("#body").load("ServiceActivityList.html");
});                

$("#Activitys").click(function(){
	  $("#body").load("ServiceActivityList.html")
});
$("#Home").click(function(){
	  window.location = "index.html";
});
$("#CreateActivity").click(function(){
	$("#body").load("CreateActivity.html");
});
$("#TechnicianPortal").click(function(){
	$("#body").load("TechnicianPortalLogin.html");
});
</script>
</body>
</html>